<%@ page contentType="text/html; charset=utf-8" language="java" import="java.util.*,java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>輔大課程書籍交易系統</title>
</head>
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css"type="text/css" media="all" />
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.min.css"type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
<style>
.clear{clear:both;}
.title{float:left; margin:20px 20px 20px 0;}
.page {width:959px; margin:0 auto; padding:0; text-align:left;  }
.content {width:959px; margin:0 auto; padding:0; text-align:left; }
.footer-container {width:959px; margin:0 auto; padding:0; text-align:left; }
.header{padding:20px 0 40px 0;}
.header .quick-access{float:right;margin-top:45px;}
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }
.footer-container .page .footer .full-width .copy {text-align: center;}
table td{ height:30px; text-align:left;}

</style>
<script>
	$(function() {
		$( ".btn" ).button();
		$( "#search_tabs" ).tabs();
		$( "#search_tabs" ).tabs( "option", "heightStyle", "fill" );
		
	});
	
</script>
<body>
<div class="header-container">
    <div class="page">       
        <div class="header">
        	<div class="quick-access"><a class="btn" href="reg.jsp">註冊</a> <a class="btn" id="create-login" href="#">登入</a>                             
              
            </div>
            <div class="title"><a href="index.jsp" style="text-decoration:none;">
                    <h1 class="ui-widget-header ui-corner-all" style="padding:5px;"><span class="ui-icon ui-icon-circle-plus" style="float:left;margin-top:10px;"></span>輔大課程書籍買賣系統</h1></a>
            </div>
        	<br class="clear"/> 
        </div>         
    </div>
</div>
<div class="content">
	<h4 class="ui-widget-header ui-corner-all" align="center">販書查詢</h4>
	<div id="search_tabs">
        <ul>
            <li><a href="#search_tabs-1">依基本開課資料查詢ss</a></li>
            <li><a href="#search_tabs-2">依科目資料查詢</a></li>
            <li><a href="#search_tabs-3">依授課老師查詢</a></li>
            <li><a href="#search_tabs-4">依書籍資料查詢</a></li>
        </ul>
        <div id="search_tabs-1">
        <table>
        	<form action="CourseListB.jsp" method="post">
        	<tr><td>
                開課部別：
                <select name="div_key">
                <option>請選擇</option>
                <option value="D">D-日間部</option>
                <option value="C">C-進修部</option>
                <option value="G">G-研究所</option>
                </select>
            </td></tr>
            <tr><td>
                開課系所：
                <select name="dep_key">
                <option value="all">All-全部</option>
                <option value="01">01-中國文學系</option>
                <option value="02">02-歷史學系</option>
                </select>
            </td></tr>
            <tr><td>
                開課班級：
                <select name="team_key">
                <option value="#">0200-歷史系</option>
                <option value="#">0201-歷史一</option>
                <option value="#">0202-歷史二</option>
                </select>
            </td></tr>
            <tr><td>
                <input type="submit" value="查詢(Research)">
                <input type="reset" value="重設條件查詢(Reset)">
            </td></tr>
            </form>
        </table>
        </div>
        <div id="search_tabs-2">
            <table>
                <form method="post" action="">
                    <tr><td>
                        科目代碼：<input type="text">
                    </td></tr>
                    <tr><td>
                        科目名稱：<input type="text">
                    </td></tr>
                	<tr><td>
                    	(可用關鍵文字查詢)
                    </td></tr>
                    <tr><td>
                		<input type="submit" value="查詢(Research)">
                		<input type="reset" value="重設條件查詢(Reset)">
                	</td></tr>
        		</form>
            </table>
        </div>
        <div id="search_tabs-3">
             <table>
                <form method="post" action="">
                    <tr><td>
                        教師姓名：<input type="text">
                    </td></tr>
                	<tr><td>
                    	(可用關鍵文字查詢)
                    </td></tr>
                    <tr><td>
                		<input type="submit" value="查詢(Research)">
                		<input type="reset" value="重設條件查詢(Reset)">
                	</td></tr>
        		</form>
            </table>
        </div>
        <div id="search_tabs-4">
            <table>
                <form method="post" action="BookList.jsp">
                    <tr><td>
                        書籍名稱：<input type="text">
                    </td></tr>
                	<tr><td>
                    	(可用關鍵文字查詢)
                    </td></tr>
                    <tr><td>
                		<input type="submit" value="查詢(Research)">
                		<input type="reset" value="重設條件查詢(Reset)">
                	</td></tr>
        		</form>
            </table>
        </div>
    </div>
</div>


<div class="footer-container">
    <div class="page">
    <div class="footer">
    <div class="full-width"><br class="clear" />
    <p class="ui-widget-header ui-corner-all" align="center">© <script type="text/javascript">var mdate = new Date(); document.write(mdate.getFullYear());</script> Fju JoinTeam. All Rights Reserved.</p>

    </div>
    </div>
    </div>
</div>
</body>
</html>